<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>是否选中</button>
    <hr>
    <input type="checkbox" name="" id="">
     <script>
         var btn = document.querySelector('button')
         var input = document.querySelector('input')
        //  var flag = '没有打勾'
        //  var flag = false
        //  btn.onclick = function() {
        //      if(!flag) {
        //          input.checked = true
        //          flag = true
        //      } else  {
        //         input.checked = false
        //          flag = false
        //      }
        //  }

        var flag = true
         btn.onclick = function() {
             if(flag) {
                 input.checked = true
                 flag = false
             } else  {
                input.checked = false
                 flag = true
             }
         }
     </script>
</body>
</html>